<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmcon_Producto')}"/>
    </f:metadata>
    <body>
        <ui:composition template="./../../../template.xhtml">
            <ui:define name="main_content">

                <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
                    <ui:param name="toolBarWidth" value="1050"/>
                    <ui:param name="toolBarTitleWidth" value="1000"/>
                    <ui:param name="title" value="Consulta de Material"/>
                </ui:include>
                <div align="left">
                    <p:panel header="Consulta de Materiales" style="width: 1200px" >
                        <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>
                        <div align="left">
                            <h:form id="quick_material" >
                                <h:panelGrid id="pProducto" columns="2">
                                    <p:panel style="width: inherit" header="Filtros para B&uacute;squeda de Informaci&oacute;n" toggleable="true" toggleSpeed="400" >

                                        <h:panelGrid id="pProducto1" columns="2">
                                            <h:panelGrid id="pProducto1_1" columns="4">
                                                <h:outputText value="Sucursal"/>
                                                <h:selectOneMenu id="sucursal" value="#{consultaProductoManaged.selectedEncaMaterial.codigo_s}" style="width: 200px">
                                                    <f:selectItems value="#{consultaProductoManaged.sucursales}" var="s" itemLabel="#{s.nombre_s}" itemValue="#{s.codigo_s}" />
                                                </h:selectOneMenu>
                                                <h:selectBooleanCheckbox value="#{consultaProductoManaged.selectedEncaMaterial.flag_Sucursal}" title="Filtrar por Sucursal" style="width: 25px" />
                                                <h:outputText value="Filtrar"/>



                                                <h:outputText value="Categor&iacute;a"/>
                                                <h:selectOneMenu id="cmbCategoria" value="#{consultaProductoManaged.selectedEncaMaterial.id_cat}" style="width: 200px">
                                                    <f:selectItems value="#{consultaProductoManaged.categorias}" var="cat" itemLabel="#{cat.nombre_cat}" itemValue="#{cat.id_cat}" />
                                                    <p:ajax listener="#{consultaProductoManaged.llenarSubCategorias}" update="cmbSubCategoria"/>
                                                </h:selectOneMenu>

                                                <h:selectBooleanCheckbox value="#{consultaProductoManaged.selectedEncaMaterial.flag_Categoria}" title="Filtrar por Categor&iacute;a" style="width: 25px" />
                                                <h:outputText value="Filtrar"/>

                                                <h:outputText value="Sub Categor&iacute;a"/>
                                                <h:selectOneMenu id="cmbSubCategoria" value="#{consultaProductoManaged.selectedEncaMaterial.id_su}" style="width: 200px" >
                                                    <f:selectItems value="#{consultaProductoManaged.subCategorias}" var="scc" itemLabel="#{scc.nombre_su}" itemValue="#{scc.id_su}" />
                                                </h:selectOneMenu>

                                                <h:selectBooleanCheckbox value="#{consultaProductoManaged.selectedEncaMaterial.flag_SubCategoria}" title="Filtrar por Sub Categor&iacute;a" style="width: 25px" />
                                                <h:outputText value="Filtrar"/>

                                                <h:outputText value="Medici&oacute;n"/>
                                                <h:selectOneMenu value="#{consultaProductoManaged.selectedEncaMaterial.id_um}" style="width: 200px" >
                                                    <f:selectItems value="#{consultaProductoManaged.unidadMediciones}" var="um" itemLabel="#{um.nombre_um}" itemValue="#{um.id_um}" />
                                                </h:selectOneMenu>

                                                <h:selectBooleanCheckbox value="#{consultaProductoManaged.selectedEncaMaterial.flag_unidadMedicion}" title="Filtrar por Unidad de Medici&oacute;n" style="width: 25px" />
                                                <h:outputText value="Filtrar"/>

                                                <h:outputText value="Tipo Material"/>
                                                <h:selectOneMenu id="tipo" value="#{consultaProductoManaged.selectedEncaMaterial.codigo_tm}" style="width: 200px" >
                                                    <f:selectItems value="#{consultaProductoManaged.tipoMateriales}" var="tp" itemLabel="#{tp.nombre_tm}" itemValue="#{tp.codigo_tm}" />
                                                </h:selectOneMenu>

                                                <h:selectBooleanCheckbox value="#{consultaProductoManaged.selectedEncaMaterial.flag_tipoMaterial}" title="Filtrar por Tipo de Materiales" style="width: 25px" />
                                                <h:outputText value="Filtrar"/>

                                                <h:outputText value="Marca"/>
                                                <h:selectOneMenu id="marca" value="#{consultaProductoManaged.selectedEncaMaterial.codigo_m}" style="width: 200px">
                                                    <f:selectItems value="#{consultaProductoManaged.marcas}" var="mc" itemLabel="#{mc.nombre_m}" itemValue="#{mc.codigo_m}" />
                                                </h:selectOneMenu>

                                                <h:selectBooleanCheckbox value="#{consultaProductoManaged.selectedEncaMaterial.flag_marca}" title="Filtrar por Marca" style="width: 25px" />
                                                <h:outputText value="Filtrar"/>
                                            </h:panelGrid>

                                            <h:panelGrid id="pProducto1_2" columns="1">
                                                <div align="center">
                                                    <p:commandButton value="#{sms.buscar}" actionListener="#{consultaProductoManaged.buscarGrid}" update="grid mensaje"/>
                                                    <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="quick_material grid"/>
                                                </div>
                                            </h:panelGrid>

                                        </h:panelGrid>



                                    </p:panel>

                                    <p:panel style="width: inherit" header="Informaci&oacute;n de Material" toggleable="true" toggleSpeed="400" >
                                        <h:panelGrid id="pProducto1_4" columns="4">
                                            <h:outputText value="Categor&iacute;a"/><p:inputText value="#{consultaProductoManaged.selectedDetaMaterial.nombre_cat}" style="width: 200px" readonly="true"/>
                                            <h:outputText value="Sub Categor&iacute;a."/><p:inputText value="#{consultaProductoManaged.selectedDetaMaterial.nombre_su}" style="width: 200px" readonly="true" />
                                            <h:outputText value="Marca" /><p:inputText value="#{consultaProductoManaged.selectedDetaMaterial.nombre_marca}" style="width: 200px" readonly="true" />
                                            <h:outputText value="U.Medici&oacute;n" /><p:inputText value="#{consultaProductoManaged.selectedDetaMaterial.nombre_um}" style="width: 200px" readonly="true" />
                                            <h:outputText value="T. Material" /><p:inputText value="#{consultaProductoManaged.selectedDetaMaterial.nombre_tm}" style="width: 200px" readonly="true" />
                                            <h:outputText value="Costo" /><p:inputText value="#{consultaProductoManaged.selectedDetaMaterial.costo_dm}" style="width: 200px" readonly="true" />
                                        </h:panelGrid>
                                    </p:panel>
                                </h:panelGrid>


                                <h:panelGrid id="pConMaterial2" columns="4">
                                    <h:outputText value="Ubicaci&oacute;n" /><p:inputText value="#{consultaProductoManaged.selectedDetaMaterial.ubicacion_dm}" style="width: 700px" readonly="true" />
                                    <h:outputText value="C. Barra" /><p:inputText value="#{consultaProductoManaged.selectedDetaMaterial.codigo_barra_m}" style="width: 200px" readonly="true" />

                                    <h:outputText value="Descricpci&oacute;n" /><p:inputText value="#{consultaProductoManaged.selectedDetaMaterial.descripcion_m}" style="width: 700px" readonly="true" />
                                    <h:outputText value="C. Original" /><p:inputText value="#{consultaProductoManaged.selectedDetaMaterial.codigo_barra_original_m}" style="width: 200px" readonly="true" />
                                </h:panelGrid>

                            </h:form>
                            <h:form id="grid">
                                <p:dataTable id="table" value="#{consultaProductoManaged.materiales}" var="row" rows="15"
                                             paginator="true"  paginatorPosition="bottom" selectionMode="single" selection="#{consultaProductoManaged.selectedDetaMaterial}"
                                             emptyMessage="#{sms.TableEmptyMessage}" onRowSelectUpdate="quick_material" >
                                    <f:facet name="header" >
                                        <h:outputText value="Lista de Materiales"/>
                                    </f:facet>
                                    <p:column headerText="T. Material" style="width:50px" sortBy="#{row.nombre_tm}" filterBy="#{row.nombre_tm}">
                                        <h:outputText value="#{row.nombre_tm}"/>
                                    </p:column>
                                    <p:column headerText="Marca" style="width:50px" sortBy="#{row.nombre_marca}" filterBy="#{row.nombre_marca}">
                                        <h:outputText value="#{row.nombre_marca}"/>
                                    </p:column>
                                    <p:column  sortBy="#{row.nombre_m}" filterBy="#{row.nombre_m}" filterMatchMode="contains" headerText="Nombre del Material" style="width:450px" >
                                        <h:outputText value="#{row.nombre_m}"/>
                                    </p:column>
                                    <p:column headerText="M&aacute;x." style="width:30px" sortBy="#{row.max_dm}" >
                                        <h:outputText value="#{row.maximo_dm}"/>
                                    </p:column>
                                    <p:column headerText="Min." style="width:30px" sortBy="#{row.min_dm}" >
                                        <h:outputText value="#{row.minimo_dm}"/>
                                    </p:column>
                                    <p:column headerText="Existencia" style="width:50px" sortBy="#{row.existencia_dm}" >
                                        <h:outputText value="#{row.existencia_dm}"/>
                                    </p:column>
                                </p:dataTable>
                            </h:form>
                        </div>
                    </p:panel>
                </div>
            </ui:define>

        </ui:composition>

    </body>
</html>